@charset 'urf-8';
@import 'header';
@import 'footer';
@import 'rest';
@import 'toCart';

@mixin center{
	margin:{
		left:auto;
		right:auto;
	}
}

@mixin just-between{
	display: flex;
	justify-content: space-between;
}

.list-box{
	width: 85%;
	margin-top: 30px;
	// border: 1px solid red;
	@include center;
	.list-title{
		@include just-between;
	}
	.shopshow{
		margin-top: 30px;
		ul{
			display: flex;
			flex-wrap: wrap;
			li{
				width: 24%;
				// border: 1px solid;
				position: relative;
				margin-bottom: 30px;
				margin-left: 10px;
				#to-cart{
					position: absolute;
					right:10%;
					top:60%;
					font-size: 25px;
					cursor: pointer;
				};
				#shop-name{
					display: block;
					position: absolute;
					left:10px;
					top:10px;
				};
				#shop-img{
					display: block;
					width: 100%;
					height: 300px;
					// border: 1px solid red;
					// background-color: yellow;
					img{
						width: 100%;
						height: 100%;
					};
				};
				
				#shop-info{
					width: 95%;
					height: 40px;
					text-align: center;
					// border: 1px solid;
				};
				p{
					margin: 10px 0px;
				};
				#shop-color{
					width: 95%;
					height:22px;
					display: block;
					// border: 1px solid;
					// background-color: orange;
					#color{
						display: inline-block;
						width: 200px;
						height: 20px;
						// background-color: yellowgreen;
						// border: 1px solid;
						margin-right: 10px;
						// border-radius: 50%;
						overflow: hidden;
						span{
							border: 1px solid red;
						}
					};
					
				}
			}
		}
	}
	
}